﻿<html>
<head>
    <title>会议预定系统</title>
    <meta name='keywords' content='会议预定系统' />
    <meta name='description' content='会议预定系统' />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <link href="../Soure/bootstrap-3.3.0-dist/dist/css/bootstrap.min.css" rel="stylesheet" />
    <link href="../Soure/font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.min.css"
        rel="stylesheet" />
    <link href="../Theme/css/base.css" rel="stylesheet" />
    <style>
        #wap
        {
            background: url(../Theme/img/shake.jpg) no-repeat left top;
            background-size: 100%;
            padding: 0;
        }
        
        .fixList
        {
            width: 100%;
            position: fixed;
            top: 40px;
            z-index: 99;
        }
        
        .section
        {
            border: 1px red solid;
            padding: 2px;
            border-radius: 5px;
            color: red;
        }
        
        .item
        {
            margin: 5px;
            margin-top: -65px;
        }
        
        .opctiy
        {
            margin-top: 15px;
            border-radius: 10px;
            opacity: 0.5;
            width: 100%;
            height: 70px;
            background-color: white;
            border: 1px #3F473C solid;
        }
        
        .BottomFix
        {
            position: fixed;
            width: 100%;
            bottom: 60px;
        }
        
        .closebottom
        {
            width: 60px;
            height: 60px;
            border-radius: 60px;
            background-color: #fc6668;
            color: white;
            text-align: center;
        }
        
        .FixToop
        {
            position: fixed;
            top: 50%;
            width: 100%;
        }
        
        .opctiyToop
        {
            width: 60%;
            height: 60px;
            opacity: 0.8;
            border-radius: 10px;
            background-color: white;
            border: 1px #ccc solid;
            z-index: 9;
        }
        
        .SearchToop
        {
            height: 60px;
            text-align: center;
            line-height: 60px;
            margin-top: -60px;
            font-size: 14px;
            z-index: 99;
        }
    </style>
</head>
<body>
    <div id="wap">
        <div class="fixList Max-width">
            <div class="container w100b">
                <div class="opctiy">
                </div>
                <div class="item clear">
                    <div class="lh30 col-xs-10">
                        <p class="f14">
                            五层会议室</p>
                        <span class="section">9:00-11:00</span> <span class="section">13:00-14:00</span>
                    </div>
                    <div class="col-xs-2">
                        <i class="fa fa-angle-right fa-2x lh60"></i>
                    </div>
                </div>
                <div class="opctiy">
                </div>
                <div class="item clear">
                    <div class="lh30 col-xs-10">
                        <p class="f14">
                            五层会议室</p>
                        <span class="section">9:00-11:00</span> <span class="section">13:00-14:00</span>
                    </div>
                    <div class="col-xs-2">
                        <i class="fa fa-angle-right fa-2x lh60"></i>
                    </div>
                </div>
            </div>
        </div>
        <div class="FixToop  Max-width">
            <div class="opctiyToop bc">
            </div>
            <div class="col-xs-12 SearchToop bc clear ">
                正在搜索空闲会议室...
            </div>
        </div>
        <div class="BottomFix Max-width">
            <div class="row">
                <div class="closebottom bc">
                    <i class="fa fa-close fa-2x lh60"></i>
                </div>
            </div>
        </div>
    </div>
    <script src="../Soure/bootstrap-3.3.0-dist/dist/js/bootstrap.min.js"></script>
</body>
</html>
